@charset "UTF-8";
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, button, th, td, menu {
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box; }

ul, dl, ol {
  list-style: none; }

img, fieldset, input[type="submit"] {
  border: 0 none; }

em {
  font-style: normal; }

strong {
  font-weight: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button, input[type="button"] {
  cursor: pointer;
  border: 0 none; }

a, button, input, img {
  -webkit-touch-callout: none; }

img {
  /*pointer-events:none;*/
  /*禁止图片的点击事件，例如长按保存图片*/ }

input, select, textarea {
  outline: none; }

a {
  text-decoration: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both; }

.clearfix::after {
  content: "";
  display: block;
  height: 0;
  clear: both; }

html, body {
  /*禁止用户选择元素*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  /*禁止元素点击出现半透明黑色背景*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html {
  /*height: 100%;width: 100%;*/
  font-family: 'Heiti SC', 'Microsoft YaHei';
  outline: 0;
  -webkit-text-size-adjust: none; }

body {
  /*height: 100%;*/
  margin: 0;
  position: relative; }

@-webkit-keyframes xuan1 {
  from {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0); }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg); } }

@keyframes xuan1 {
  from {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0); }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg); } }

@-webkit-keyframes xuan2 {
  from {
    -webkit-transform: rotateZ(30deg);
            transform: rotateZ(30deg); }
  to {
    -webkit-transform: rotateZ(390deg);
            transform: rotateZ(390deg); } }

@keyframes xuan2 {
  from {
    -webkit-transform: rotateZ(30deg);
            transform: rotateZ(30deg); }
  to {
    -webkit-transform: rotateZ(390deg);
            transform: rotateZ(390deg); } }

@-webkit-keyframes xuan3 {
  from {
    -webkit-transform: rotateZ(60deg);
            transform: rotateZ(60deg); }
  to {
    -webkit-transform: rotateZ(420deg);
            transform: rotateZ(420deg); } }

@keyframes xuan3 {
  from {
    -webkit-transform: rotateZ(60deg);
            transform: rotateZ(60deg); }
  to {
    -webkit-transform: rotateZ(420deg);
            transform: rotateZ(420deg); } }

@-webkit-keyframes xuan4 {
  from {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg); }
  to {
    -webkit-transform: rotateZ(450deg);
            transform: rotateZ(450deg); } }

@keyframes xuan4 {
  from {
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg); }
  to {
    -webkit-transform: rotateZ(450deg);
            transform: rotateZ(450deg); } }

@-webkit-keyframes xuan5 {
  from {
    -webkit-transform: rotateZ(120deg);
            transform: rotateZ(120deg); }
  to {
    -webkit-transform: rotateZ(480deg);
            transform: rotateZ(480deg); } }

@keyframes xuan5 {
  from {
    -webkit-transform: rotateZ(120deg);
            transform: rotateZ(120deg); }
  to {
    -webkit-transform: rotateZ(480deg);
            transform: rotateZ(480deg); } }

@-webkit-keyframes xuan6 {
  from {
    -webkit-transform: rotateZ(150deg);
            transform: rotateZ(150deg); }
  to {
    -webkit-transform: rotateZ(510deg);
            transform: rotateZ(510deg); } }

@keyframes xuan6 {
  from {
    -webkit-transform: rotateZ(150deg);
            transform: rotateZ(150deg); }
  to {
    -webkit-transform: rotateZ(510deg);
            transform: rotateZ(510deg); } }

.loadingPage {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3; }
  .loadingPage .loading {
    color: white;
    position: absolute;
    bottom: 3%;
    left: 1%; }
  .loadingPage .background_load {
    width: 100%;
    height: 100%; }
    .loadingPage .background_load > img {
      width: 100%;
      height: 100%; }
  .loadingPage .sign {
    width: 130px;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 28%;
    -webkit-animation: bounceInUp 1s linear;
            animation: bounceInUp 1s linear; }
    .loadingPage .sign > img {
      width: 100%;
      height: 100%; }
  .loadingPage .skip {
    width: 80px;
    height: 50px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    -webkit-animation: swing 1s linear infinite;
            animation: swing 1s linear infinite; }
    .loadingPage .skip > img {
      width: 100%;
      height: 100%; }

.homepage {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
  background-color: white; }
  .homepage .xz_box .xzbox {
    width: 0;
    height: 0;
    border-top: 80px solid transparent;
    border-bottom: 80px solid transparent;
    border-left: 50rem solid #555;
    border-right: 50rem solid #555;
    position: absolute;
    top: -999px;
    left: -999px;
    right: -999px;
    bottom: -999px;
    margin: auto; }
  .homepage .xz_box .xz_box1 {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-animation: xuan1 3s linear infinite;
            animation: xuan1 3s linear infinite; }
  .homepage .xz_box .xz_box2 {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-animation: xuan2 3s linear infinite;
            animation: xuan2 3s linear infinite; }
  .homepage .xz_box .xz_box3 {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-animation: xuan3 3s linear infinite;
            animation: xuan3 3s linear infinite; }
  .homepage .xz_box .xz_box4 {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-animation: xuan4 3s linear infinite;
            animation: xuan4 3s linear infinite; }
  .homepage .xz_box .xz_box5 {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-animation: xuan5 3s linear infinite;
            animation: xuan5 3s linear infinite; }
  .homepage .xz_box .xz_box6 {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-animation: xuan6 3s linear infinite;
            animation: xuan6 3s linear infinite; }
  .homepage .logo_img {
    width: 365px;
    height: 230px;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 2;
    -webkit-animation: bounceInUp 2s linear;
            animation: bounceInUp 2s linear; }
    .homepage .logo_img > img {
      width: 100%;
      height: 100%; }
  .homepage .zb_img {
    width: 350px;
    height: 250px;
    position: absolute;
    top: 29%;
    left: 13px;
    z-index: 1;
    -webkit-animation: pulse 1s linear infinite;
            animation: pulse 1s linear infinite; }
    .homepage .zb_img > img {
      width: 100%;
      height: 100%; }
  .homepage .wh_img {
    width: 135px;
    height: 180px;
    position: absolute;
    bottom: 162px;
    left: 10px;
    z-index: 1;
    -webkit-animation: swing 1s linear infinite;
            animation: swing 1s linear infinite; }
    .homepage .wh_img > img {
      width: 100%;
      height: 100%; }
  .homepage .hr1_img {
    width: 170px;
    height: 285px;
    position: absolute;
    bottom: 63px;
    left: 15px;
    z-index: 2; }
    .homepage .hr1_img > img {
      width: 100%;
      height: 100%; }
  .homepage .hr2_img {
    width: 170px;
    height: 350px;
    position: absolute;
    bottom: 41px;
    right: 0;
    z-index: 2;
    -webkit-animation: zoomInLeft 2s linear;
            animation: zoomInLeft 2s linear; }
    .homepage .hr2_img > img {
      width: 100%;
      height: 100%; }
  .homepage .but_img {
    width: 195px;
    height: 65px;
    position: absolute;
    bottom: 10px;
    left: 90px;
    z-index: 2;
    border: none;
    -webkit-animation: tada 1s linear infinite;
            animation: tada 1s linear infinite; }
    .homepage .but_img > img {
      width: 100%;
      height: 100%; }

.jq_box {
  overflow: hidden;
  position: relative; }
  .jq_box .beijin_box01 {
    width: 100vw;
    height: 100vh; }
    .jq_box .beijin_box01 > img {
      width: 100%;
      height: 100%; }
  .jq_box .text_img01 {
    width: 330px;
    position: absolute;
    top: 96px;
    left: 6px; }
    .jq_box .text_img01 > img {
      width: 100%;
      height: 100%; }
  .jq_box .rw_img01 {
    width: 315px;
    position: absolute;
    top: 158px;
    left: 42px; }
    .jq_box .rw_img01 > img {
      width: 100%;
      height: 100%; }
  .jq_box .cc_img {
    width: 100%;
    position: absolute;
    top: 58%; }
    .jq_box .cc_img > img {
      width: 100%;
      height: 100%; }

.yg_box {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
  background-color: white; }
  .yg_box .ygbj_box .ygbox {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 25rem solid #555;
    border-right: 25rem solid #555;
    position: absolute;
    top: -999px;
    left: -999px;
    right: -999px;
    bottom: -999px;
    margin: auto; }
  .yg_box .ygbj_box .ygbj_box1 {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-animation: xuan1 3s linear infinite; }
  .yg_box .ygbj_box .ygbj_box2 {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-animation: xuan2 3s linear infinite; }
  .yg_box .ygbj_box .ygbj_box3 {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-animation: xuan3 3s linear infinite; }
  .yg_box .ygbj_box .ygbj_box4 {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-animation: xuan4 3s linear infinite; }
  .yg_box .ygbj_box .ygbj_box5 {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-animation: xuan5 3s linear infinite; }
  .yg_box .ygbj_box .ygbj_box6 {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-animation: xuan6 3s linear infinite; }
  .yg_box .db_img {
    width: 100%;
    height: 110px;
    position: absolute;
    top: 49%;
    z-index: 2; }
    .yg_box .db_img > img {
      width: 100%;
      height: 100%; }
  .yg_box .left_img {
    width: 213px;
    height: 260px;
    position: absolute;
    top: 152px;
    left: 0;
    -webkit-animation: bounce 0.75s linear infinite;
            animation: bounce 0.75s linear infinite; }
    .yg_box .left_img > img {
      width: 100%;
      height: 100%; }
  .yg_box .right_img {
    width: 213px;
    height: 260px;
    position: absolute;
    top: 144px;
    right: 0;
    -webkit-animation: bounce 0.75s linear infinite;
            animation: bounce 0.75s linear infinite; }
    .yg_box .right_img > img {
      width: 100%;
      height: 100%; }
  .yg_box .dg_img1 {
    width: 90%;
    height: 120px;
    position: absolute;
    left: 10px; }
    .yg_box .dg_img1 > img {
      width: 100%;
      height: 100%; }
  .yg_box .mw_img {
    width: 50%;
    height: 50%;
    position: absolute;
    top: 95px;
    left: 85px;
    z-index: 3; }
    .yg_box .mw_img > img {
      width: 100%;
      height: 100%; }

.zt_box {
  width: 100vw;
  height: 100vh;
  position: relative; }
  .zt_box .ztbj_img {
    width: 100vw;
    height: 100vh; }
    .zt_box .ztbj_img > img {
      width: 100%;
      height: 100%; }
  .zt_box .ztcd_img {
    position: absolute;
    top: 0;
    left: 0; }
    .zt_box .ztcd_img > img {
      width: 100%;
      height: 100%; }
  .zt_box .ztdb_img {
    position: absolute;
    top: 45%;
    left: 0; }
    .zt_box .ztdb_img > img {
      width: 100%;
      height: 100%; }
  .zt_box .ztdb1_img {
    width: 56%;
    height: 25%;
    position: absolute;
    top: 37%;
    right: 0;
    z-index: 4; }
    .zt_box .ztdb1_img > img {
      width: 100%;
      height: 100%; }
  .zt_box .ztdb2_img {
    width: 55%;
    height: 25%;
    position: absolute;
    top: 30%;
    left: 0;
    z-index: 2; }
    .zt_box .ztdb2_img > img {
      width: 100%;
      height: 100%; }
  .zt_box .ztfz_img {
    width: 80%;
    height: 49%;
    position: absolute;
    top: 16%;
    right: 8%;
    z-index: 3; }
    .zt_box .ztfz_img > img {
      width: 100%;
      height: 100%; }
  .zt_box .ztmn_img {
    width: 100%;
    height: 40%;
    position: absolute;
    top: 15%;
    left: 0;
    z-index: 1; }
    .zt_box .ztmn_img > img {
      width: 100%;
      height: 100%; }

.xc_box {
  width: 100vw;
  height: 100vh;
  position: relative; }
  .xc_box .xcbj_img {
    width: 100vw;
    height: 100vh; }
    .xc_box .xcbj_img > img {
      width: 100%;
      height: 100%; }
  .xc_box .xcwz_img {
    width: 67%;
    height: 27%;
    position: absolute;
    top: 8%;
    left: 8%;
    -webkit-animation: pulse 0.75s linear infinite;
            animation: pulse 0.75s linear infinite; }
    .xc_box .xcwz_img > img {
      width: 100%;
      height: 100%; }
  .xc_box .xcqc_img {
    position: absolute;
    top: 30%;
    left: 0;
    -webkit-animation: shake 3s linear infinite;
            animation: shake 3s linear infinite; }
    .xc_box .xcqc_img > img {
      width: 100%;
      height: 100%; }

.lg_box {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden; }
  .lg_box .lgbj_img {
    width: 100vw;
    height: 100vh; }
    .lg_box .lgbj_img > img {
      width: 100%;
      height: 100%; }
  .lg_box .lgcd_img {
    width: 100%;
    height: 25%;
    position: absolute;
    top: 0;
    right: -29%; }
    .lg_box .lgcd_img > img {
      width: 100%;
      height: 100%; }
  .lg_box .lglt_img {
    width: 80%;
    height: 65%;
    position: absolute;
    top: 7%;
    left: 6%;
    z-index: 2; }
    .lg_box .lglt_img > img {
      width: 100%;
      height: 100%; }
  .lg_box .lghd_img {
    width: 100%;
    height: 25%;
    position: absolute;
    top: 41%;
    right: 0;
    z-index: 1;
    -webkit-animation: pulse 0.75s linear infinite;
            animation: pulse 0.75s linear infinite; }
    .lg_box .lghd_img > img {
      width: 100%;
      height: 100%; }

.bb_box {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background-color: white; }
  .bb_box .bbbj_img {
    width: 100vw;
    height: 100vh; }
    .bb_box .bbbj_img > img {
      width: 100%;
      height: 100%; }
  .bb_box .bbwz_img {
    width: 70%;
    height: 25%;
    position: absolute;
    top: 1%;
    left: 2%; }
    .bb_box .bbwz_img > img {
      width: 100%;
      height: 100%; }
  .bb_box .bbqg_img {
    width: 100%;
    height: 40%;
    position: absolute;
    top: 28%;
    left: 3%; }
    .bb_box .bbqg_img > img {
      width: 100%;
      height: 100%; }
  .bb_box .bbcy_img {
    width: 30%;
    height: 4%;
    position: absolute;
    top: 34%;
    left: 37%; }
    .bb_box .bbcy_img > img {
      width: 100%;
      height: 100%; }
  .bb_box .bblc_img {
    width: 50%;
    height: 60%;
    position: absolute;
    top: 10%;
    right: 0; }
    .bb_box .bblc_img > img {
      width: 100%;
      height: 100%; }

.xx_box {
  width: 100vw;
  height: 100vh;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1; }
  .xx_box .xxxz_img {
    width: 20%;
    height: 33%;
    position: absolute;
    bottom: 2%;
    right: 0; }
    .xx_box .xxxz_img > img {
      width: 100%;
      height: 100%; }
  .xx_box .xxA_img {
    width: 75%;
    height: 10%;
    position: absolute;
    bottom: 22%;
    left: 2%;
    background-image: url(../images/xuanxian_A.png);
    background-size: 100% 100%;
    padding-top: 20px;
    padding-left: 70px; }
  .xx_box .xxB_img {
    width: 75%;
    height: 10%;
    position: absolute;
    bottom: 12%;
    left: 2%;
    background-image: url(../images/xuanxian_B.png);
    background-size: 100% 100%;
    padding-top: 20px;
    padding-left: 70px; }
  .xx_box .xxC_img {
    width: 75%;
    height: 10%;
    position: absolute;
    bottom: 2%;
    left: 2%;
    background-image: url(../images/xuanxian_C.png);
    background-size: 100% 100%;
    padding-top: 20px;
    padding-left: 70px; }
  .xx_box .xx_D {
    position: absolute;
    bottom: 28%;
    right: 7%; }

.swiper-container {
  position: absolute;
  top: 0;
  left: 0; }

.overBox {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  z-index: 4; }
  .overBox .overBj_img {
    width: 100vw;
    height: 100vh; }
    .overBox .overBj_img > img {
      width: 100%;
      height: 100%; }
  .overBox .oyh_img {
    width: 40%;
    height: 10%;
    position: absolute;
    top: 1%;
    left: 2%; }
    .overBox .oyh_img > img {
      width: 100%;
      height: 100%; }
  .overBox .olg_img {
    width: 40%;
    height: 8%;
    position: absolute;
    top: 1%;
    right: 2%; }
    .overBox .olg_img > img {
      width: 100%;
      height: 100%; }
  .overBox .oxz_img {
    width: 32%;
    height: 21%;
    position: absolute;
    top: 10%;
    left: 34%; }
    .overBox .oxz_img > img {
      width: 100%;
      height: 100%; }
  .overBox .ocj_img {
    width: 45%;
    height: 10%;
    position: absolute;
    top: 31%;
    left: 29%;
    background-image: url(../images/chengji.png);
    background-size: 100% 100%;
    font-size: 25px;
    padding-top: 20px;
    padding-left: 24px; }
  .overBox .ocf_img {
    width: 93%;
    height: 15%;
    position: absolute;
    top: 42%;
    left: 3%;
    background-image: url(../images/chaofen.png);
    background-size: 100% 100%;
    padding: 30px; }
  .overBox .ozl_img {
    width: 45%;
    height: 10%;
    position: absolute;
    bottom: 32%;
    left: 4%; }
    .overBox .ozl_img > img {
      width: 100%;
      height: 100%; }
  .overBox .ofx_img {
    width: 45%;
    height: 10%;
    position: absolute;
    bottom: 32%;
    right: 4%; }
    .overBox .ofx_img > img {
      width: 100%;
      height: 100%; }
  .overBox .opm_img {
    width: 90%;
    height: 30%;
    position: absolute;
    bottom: 1%;
    left: 4%; }
    .overBox .opm_img > img {
      width: 100%;
      height: 100%; }
